body {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  background-color: #f2f4f7;
}

img {
  vertical-align: bottom;
}

.wrap {
  background-color: #fff;
  padding-bottom: .5867rem;
}

a {
      color: #707070;
        text-decoration: none;
}

.header {
  height: 2.1333rem;
  text-align: center;
  line-height: 2.1333rem;
  font-size: .5333rem;
  color: #1c1c1c;
  border-bottom: 1px solid #eaeaea;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  a {
    // flex: 1;
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;

    img {
      width: 50%;
      margin-top: .2667rem;
    }
  }
}

.go {
  margin: 0 .2667rem 0 .48rem;
  img {
    width: 100%;
  }
}

.content {
  padding: .5333rem .32rem;
  background-color: #fff;
  margin-top: .2667rem;
  font-size: .3733rem;
  .con-hd {
    display: flex;
    justify-content: space-between;
    height: 1.0133rem;
    h4 {
      margin: 0;
      height: 100%;
      line-height: 1.0133rem;
      color: #333;
      font-size: .4267rem;

      img {
        height: 100%;
        margin-right: .2667rem;
      }
    }

    div {
      flex: 1;
    }

    .more {
      line-height: 1.0133rem;
      font-size: .3733rem;
      color: #999;
    }
  }
}

.get-jobs-focus {
  position: relative;
  margin-top: 20px;
            width: 100%;
              height: 100%;
      .swiper-container {
          // width: 100%;
          height: 100%;
          width: 7.2rem;
          margin: 0 auto;
          overflow: hidden;
        }

        .swiper-button-next {
          height: 1.1733rem;
          background-color: red;
        }

        .swiper-button-prev {
          height: 1.1733rem;
          background-color: orange;
                                }
      
        .swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;
      
          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          transition: 300ms;
          transform: scale(0.8);
          opacity: 0.4;

          a {
            width: 4rem;
            height: 5.3333rem;

            img {
              width: 100%;
              height: 100%;
            }
          }

          p {
            width: 9.0133rem;
            font-size: .4267rem;
            margin-top: .2667rem;
            color: #333;
          }
        }
      
        .swiper-slide-active,
        .swiper-slide-duplicate-active {
          transform: scale(1);
          z-index: 999;
          opacity: 1;
        }
}

.study {
  margin-bottom: 2.6667rem;
  .study_fo {
    padding: .2667rem !important;
    overflow: hidden;
  }
      .swiper-slide {
        display: flex;
        flex-direction: column;
          font-size: 18px;
          width: 3.8667rem;
          height: 4.5333rem;

          h5, p {
            margin: 0;
            // padding: 5px;
          }

          h5 {
            color: #666;
            font-size: 16px;
            margin-top: 10px;
          }

          p {
            margin-top: 10px;
            color: #ff4400;
            font-size: .3733rem;
          }
          img {
              display: block;
              width: 3.8667rem;
              height: 4.5333rem;
              object-fit: cover;
            }
        }


}

.footer {
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.4667rem;
  background-color: #fff;
  z-index: 999;
  border-top: 1px solid #eee;

  a {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin-top: 8px;

    img {
      width: .6667rem;
      height: .6667rem;
    }

    span {
      font-size: .3733rem;
    }
  }
}